<template>
  <div id="app">
    <div id="nav">
      <router-link to="/" class="cubeic-credit-card">记账</router-link>
      <router-link to="/ucenter" class="cubeic-home">我的</router-link>
    </div>
    <router-view/>
  </div>
</template>
<style lang="stylus">
#app
  font-family 'Avenir', Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50
  #nav
    width 100%
    display flex
    height 50px
    position fixed
    bottom 0
    left 0
    z-index 1
    background rgb(255,228,214)
    a
      color rgb(249,124,66)
      background #fff
      flex 1
      display flex
      justify-content center
      align-items center
      &.router-link-exact-active
        background rgb(249,124,66)
        // background #aaa
        color #fff
</style>
